<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="http://cdn.opalrb.org/opal/current/opal.js"></script>
    <script src="http://cdn.opalrb.org/opal/current/opal-parser.js"></script>
    <script type="text/javascript">Opal.load('opal-parser')</script>
  </head>
  <body>
    <script type="text/ruby">
     puts "hiss"
     $i = 0
     $num = 5
     while $i < $num  do
       puts("Inside the loop i = #$i" )
       $i +=1
     end
    </script>
    <script type="text/ruby">
     class Helloworld < Hyperloop::Component
       def render
         DIV do
           "hello world !"
         end
       end
     end
    </script>
  </body>
</html>